<template>
  <div class="sm-sman-smanagementData">
    <ul>
        <li v-for="(item,index) in dataList"  :key= "index">
            <p>{{item.name}}:<span>{{item.data}}</span></p>
        </li>
    </ul>
  </div>
</template>
<script>
import { smSmSortTaiData } from "@/utils/api.js"
export default {
  name: "SortingManagementData",
  data(){
    return {
        dataList:[{
            name:'分拣台',
            data:''
        },{
            name:'今日任务',
            data:''
        },{
            name:'已分拣任务',
            data:''
        },{
            name:'待分拣任务',
            data:''
        }]
    }
  },
  components: {
    
  },
  mounted(){
    smSmSortTaiData({

    }).then((res)=>{
        console.log('分拣台信息',res)
        this.dataList[0].data = res.data.responseBody.tableNo
        this.dataList[1].data = res.data.responseBody.tableTaskCount
        this.dataList[2].data = res.data.responseBody.sortedTask
        this.dataList[3].data = res.data.responseBody.nSortTask
    })
  }
};
</script>
<style scoped>
.sm-sman-smanagementData {
    /* width: 600px; */
    /* height: 170px; */
    width: 100%;
    font-size: 14px;
    line-height: 35px;
    /* margin-bottom: 10px; */
    /* box-shadow: inset 0px 0px 13px 0px #cccbcb; */
    overflow: hidden;
}
.sm-sman-smanagementData ul {
    text-align: center;
}
.sm-sman-smanagementData ul li {
    width: 95%;
    margin: 4px 2px 4px 4px;
    border: 1px solid rgb(140, 203, 255);
    /* padding: 1px; */
}
.sm-sman-smanagementData ul li span {
    color: #3375d7;
}
</style>